body{
    width:100%;
    height:100%;
    background:url(/asset/image/container.png) no-repeat !important;
    background-size: 100%;
}
.container{
   width:98%;
   height:100%;
   background:url(/asset/image/biaoti.png) no-repeat;
   background-size:100% 100%;
   padding:2.083333rem 0 0 .677083rem;
   box-sizing: border-box;
   margin:0 auto;
   display: flex;
   margin-top:1.041667rem;
   justify-content:space-between;
}
.container .left{
    width:24.895833rem;
    height:100%;
}
.supply_title{
    font-size:1.041667rem;
    color:#3CCEFF;
    width:12.1875rem;
    border-bottom:1px solid #3CCEFF;
}
.echart_content{
    /* width:24.895833rem; */
    /* height:17.34375rem; */
    height:100%;
     width:100%;
    /* height:14.15625rem; */
}
.echart_box{
    width:24.895833rem;
    height:15.34375rem;
    padding:0 1.041667rem;
    box-sizing: border-box;
    background:url(/asset/image/left_top.png) no-repeat;
}
.echart_content div,.echart_content canvas{
    height:100% !important;
}
.middle{
    width:45.833333rem;
    margin-top:2.34375rem;
}
.trade_m img{
    width:6.041667rem;
    height:5.260417rem;
}
.register_img img{
    width:6.041667rem;
    height:5.052083rem;
}
.trade_num,.register_num{
    font-weight:bold;
    color:#3CCEFF;
    font-size:2.5rem;
    margin-top:1.875rem;
}
.middle_list li{
    width:50%;
    float: left;
    text-align:center;
}
.trade_title,.register_title{
    font-size: 1.25rem;
    color:#F0F0F0;
    margin-top:1.614583rem;
}
.map{
    width:45.833333rem;
    height:28.114583rem;
    background: #1b3c5b;
    margin-top:1.5625rem;
    /* background:#0e2a6d; */
    background:url(/asset/image/lankao.png) no-repeat;
    background-size: 100%;
}
.index{
    font-size:1.041667rem;
}
.read_list{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height:13.020833rem;
}
.read_list li{
    width:19.21875rem;
    margin:0 auto;
    display:flex;
    justify-content: space-between;
    align-items: flex-end;
    padding:0 5px 0 18px;
    /* margin-bottom:.845833rem; */
    border-bottom:1px solid #fFFFFF;
}
.read_list li:first-child{
    border-bottom:none;
    margin:15px 0;
}
.read_title{
    font-size:.833333rem;
    color:#FEFEFE;
}
.reading{
    font-size:16px;
    color:#FFF100;
}
.article_title{
    width:9.0625rem;
    font-size:12px;
    color:#FEFEFE;
    display: inline-block;
    white-space: nowrap; 
    overflow: hidden;
    text-overflow:ellipsis;
}
.reading_num{
    font-size:12px;
    color:#FFF100;
}
.index1{
    color:#7E072C;
}
.index2{
    color:#990853;
}
.index3{
    color:#E11117;
}
.index4{
    color:#ED871F;
}
.index5{
    color:#F9F830;
}
canvas{
    top:-30px !important;
}